<!DOCTYPE HTML>
<!-- PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -->
<html>
<head>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sec"
	uri="http://www.springframework.org/security/tags"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>枝江农村供水工程 | 水质检测系统</title>
<meta
	content='width=device-width, initial-scale=0.5, maximum-scale=1, user-scalable=no'
	name='viewport'>
<!-- bootstrap 3.0.2 -->
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- font Awesome -->
<link href="../css/font-awesome.min.css" rel="stylesheet"
	type="text/css" />
<link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
<link href="../css/bootstraptable/bootstrap-table.css" rel="stylesheet" />
<link href="../css/time/css//bootstrap-datetimepicker.min.css"
	rel="stylesheet" media="screen">
<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../js/bootstrap3.2.js"
	charset="UTF-8"></script>
<script type="text/javascript"
	src="../js/plugins/bootstraptable/bootstrap-table.js"></script>
<script src="../js/bootstrap-table-zh-CN.min.js"></script>
<script src="../js/highCharts/highcharts.js"></script>
<script src="../js/highCharts/themes/grid.js"></script>
<script src="../js/highCharts/modules/exporting.src.js"></script>
<!-- 导出扩展 -->
<script type="text/javascript"
	src="../js/plugins/bootstraptable/bootstrap-table-export.js"></script>
<script src="../js/plugins/bootstraptable/tableExport.js"></script>
<script
	src="../js/plugins/bootstrapconfirmation/bootstrap-confirmation.min.js"></script>
<!--一些初始化操作 ，自定义js -->
<script type="text/javascript" src="../js/monitorData/waterInfoInit.js"></script>
<script type="text/javascript" src="../js/monitorData/realTimeInfo.js"></script>
<%-- <script type="text/javascript" src="../js/monitorData/historyInfo.js"></script> --%>
<%-- 	<script type="text/javascript"  src="../js/monitorData/dataInput.js"></script>  --%>
<!-- 时间相关JS -->
<script type="text/javascript"
	src="../css/time/js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<script type="text/javascript"
	src="../css/time/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript"
	src="../css/time/js/bootstrap-clockpicker.min.js"></script>
<%-- <script src="../js/monitorData/index.js"></script>	 --%>
<style type="text/css">  
.greenFont {
font-size: 25px;
height: 50px;
color: #0066ff;
align: center;
margin-top: 20px;
} 
.titleFont {
font-size: 25px;
height: 50px;
color: #0066ff;
align: center;
margin:10px 0px -40px 0px;
} 
.tableCell {
text-align: center;
font-weight: normal;

color: #0066ff;
}
.table-bordered {
	border: 1px solid #000000
}
/* th{ border-collapse:collapse;//表格单元格间距样式
border:1px solid #0F0;}
table
  {
  border-collapse:collapse;
  }

table, tr, th，thead
  {
  border:1px solid black;
  } */
</style>
<script>
		function printTable() {
		var body=document.getElementById("printtable");
   		document.body.innerHTML=body.innerHTML
 		window.print();		
		}
	</script>

</head>
<body class="skin-blue">	

	<div style="margin-top:5px">
		<table style="margin-left:20px" >
			<tr>
				<td class="leftTd">请选择水厂：</td>
				<td class="rightTd"><select name="code" id="code"
					style="width:260px;" onChange>
				</select></td>	
				<td  style="padding-left:20px">请选择年月：</td>
				<td id="type2" style="padding-top:15px">
											<div class="form-group">
												<div class="input-group date form_date dateChoose"
													id="timeTableCanal" style="width:250px" data-date=""
													data-date-format="yyyy-mm"													
													data-link-format="yyyy-mm"
													data-link-field="timeBegin">
													<input id="dataInTime" class="form-control" size="20"
														type="text" value="2016-01-01" readonly>
													<span class="input-group-addon"> <span
														class="glyphicon glyphicon-remove"></span> </span> <span
														class="input-group-addon"> <span
														class="glyphicon glyphicon-calendar"></span> </span>
												</div>
												<input id="timeMonth" type="hidden"
													value="" />
											</div>
										</td>
		<%-- 		<td ><select name="year" id="year"
					style="width:150px;" onChange>
					<option value="0">--请选择--</option>
        			<option value="1">2016</option>
        			<option value="2">2018</option>
        			<option value="3">2019</option>
        			<option value="4">2020</option>
        			<option value="5">2021</option>
        			<option value="6">2022</option>
        			<option value="7">2023</option>
        			<option value="8">2024</option>
				</select></td>
				<td ><select name="month" id="month"
					style="width:130px;" onChange>
					<option value="0">--请选择--</option>
        			<option value="1">一月</option>
        			<option value="2">一月</option>
        			<option value="3">一月</option>
        			<option value="4">一月</option>
        			<option value="5">一月</option>
        			<option value="6">一月</option>
        			<option value="7">一月</option>
        			<option value="8">一月</option>
        			<option value="9">一月</option>
        			<option value="10">一月</option>
        			<option value="11">一月</option>
        			<option value="12">一月</option>
        			
				</select></td> --%>
				<td style="padding-left:20px;"><button id="requireDataBotton" class="btn btn-default" >查询</button></td>										
				<td style="padding-left:20px"><button style="margin-left:20px" class="btn btn-default" type="button" name="print" onclick="printTable()">打印报表</button></td>	
			</tr>
		</table>		
	</div>
	
	<div class="nav-tabs-custom" id="printtable">	
		<div class="tab-content no-padding">
			<div class="chart tab-pane active " id="realTimeData"
				style="position: relative;">
				<div class="row" style="margin-left:20px;margin-right:20px;display:none"
					align='center'  id="inquire2">
					<h3 align="center" style="margin:10px 0px -60px 0px " class="titleFont" id="tableTitle">
						<font class="titleFont" id="fontTitle"></font>
					</h3 align="left" style="margin:-10px 0px -70px 0px ">
					<!-- <h1><font id="tTime">2016-5-6</font></h1> -->
					<!-- 水质数据表格显示 -->
					<div class="table-responsive" >
					<!-- <caption class="greenFont">水站水质数据检测统计报表</caption> -->
						<!-- data-show-toggle="true" data-show-columns="true" data-url="GetQualityReportData.action" -->
						<table data-toggle="table"
							style="white-space: nowrap; text-align:center;"
							class="table table-hover table-striped table-bordered table-condensed"
							id="QualityReportDataTable" data-cache="false"
							 data-pagination="true"  
							 data-select-item-name="toolbar1"
							data-toolbar="#toolbar" data-page-size="20"
							data-page-list="[10,20,50]" data-show-export="true"
							data-show-refresh="true">							
							<thead>							
								<tr>
									<th rowspan="2" style="white-space:nowrap;writing-mode=tb-rl;"
										data-field="serialNumber" data-align="center" class="tableCell">序号</th>
									<th colspan="1" style="white-space:nowrap;"
										data-field="sampleName" data-align="center" class="tableCell">水样名称</th>
									<th colspan="4" style="white-space:nowrap;"
										data-field="resourceWater" data-align="center" class="tableCell">水源水</th>
									<th colspan="5" style="white-space:nowrap;text-align=center;"
										data-field="factoryWater" data-align="center" class="tableCell">出厂水</th>
									<th colspan="5" style="white-space:nowrap;text-align=center;"
										data-field="pipeWater" data-align="center" class="tableCell">管网末梢水</th>
									<th rowspan="2" style="white-space:nowrap;"
										data-field="standardValue" data-align="center" class="tableCell">标准值</th>
									<th rowspan="2" style="white-space:nowrap;"
										data-field="testMethod" data-align="center" class="tableCell">检测方法</th>
								</tr>
								<tr>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center" 
										data-field="testItem"><SUB>检验项目</SUB><font size="4">\</font><sup>检验结果
									
									</th>
									<!-- <th>
								<table width="100%" height="100%" border="0" cellpadding="0"
									cellspacing="0">
									<tr>
										<th id="td1"></th>
										<th>检验结果</th>
									</tr>
									<tr>
										<th>检验项目</th>
										<th id="td2"></th>
									</tr>
								</table>
							</th>  -->
									<!-- data-field命名規則：後綴1表示水源水，2表示出廠水，3表示管網水 -->
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center" class="table-bordered"
										data-field="testTimes1">检验次数</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center" 
										data-field="maxValue1">最高值</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center" 
										data-field="minValue1">最小值</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center" 
										data-field="averageValue1" >平均值</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center" 
										data-field="testTimes2">检验次数</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center"
										data-field="maxValue2">最高值</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center"
										data-field="minValue2">最小值</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center"
										data-field="averageValue2">平均值</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center"
										data-field="nonReachingTimes2">未达标次数</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center"
										data-field="testTimes3">检验次数</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center"
										data-field="maxValue3">最高值</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center"
										data-field="minValue3">最小值</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center"
										data-field="averageValue3">平均值</th>
									<th style="white-space:nowrap;writing-mode=tb-rl;" data-align="center"
										data-field="nonReachingTimes3">未达标次数</th>
								</tr>
								<!-- <tr>
							<th colspan="1" style="white-space:nowrap;"
								data-field="testMethod" >检验项目</th>
						</tr> -->
							</thead>
						</table>
						<!-- /.table-->
					</div>
				</div>
			</div>
		</div>
		<!-- tab content -->
	</div>
	<script type="text/javascript" src="../js/waterQuality/reportData.js"
		charset="UTF-8"></script>
	<script type="text/javascript">
		jQuery(document).ready(function() {			
			getInitDataOfNorm();			
			//refreshDeviceBootStrapTable();
			//alert("123456");	
			jq("#requireDataBotton").click(function() {
				//getDataList();
				getNormForNorm();		
				//showTableData();		
			});			
		});
	</script>
</body>
</html>
